<%-- 
    Document   : top
    Created on : Apr 25, 2012, 11:18:13 AM
    Author     : s.rainoldi
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <c:choose>
            <c:when test="${empty title}">
                <title>zattix.com &raquo; development answers</title>
            </c:when>
            <c:otherwise>
                <title>${fn:escapeXml(title)} &raquo; zattix.com</title>
            </c:otherwise>
        </c:choose>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="language" content="it" />
        <meta name="robots" content="index,follow" />
        <link rel="SHORTCUT ICON" href="${server_static}css/style_images/favicon.ico" type="image/x-icon"/>
        <link href="${server_static}css/layout.css" media="screen" rel="stylesheet" type="text/css" >
        <link href="${server_static}css/prettify.css" media="screen" rel="stylesheet" type="text/css" >
        <script type="text/javascript" src="${server_static}scripts/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="${server_static}scripts/functions.js"></script>
        <script type="text/javascript" src="${server_static}scripts/prettify.js"></script>
    </head>

    <body>
        <script type="text/javascript">
            var server_home = "/";
            var JSMSG_UNKERR = 'Unknown error';
        </script>
        <div id="loader">
            <img src="${server_static}css/style_images/ajax-loader.gif" alt="" />&nbsp;
            Caricamento...
        </div>
        <div id="loader-error"></div>
        <div id="shadow"></div>
        <!--  INIZIO LOGIN -->
        <div class="zattix-box" id="login-box-hidden">
            <div class="top-bar">
                <h2>Login</h2>
                <a href="#" class="close" onclick="closeLogin()"></a>
            </div>
            <div class="content">
                <div class="half centerborder">
                    <form method="post" action="/login/index">
                        <label for="email">E-mail</label>
                        <input type="text" name="email" id="email" />

                        <label for="password">Password - <a href="#">Forgotten?</a></label>
                        <input type="password" name="password" id="password" />
                        <div class="right">
                            <input type="reset" class="grey" />
                            <input type="submit" class="green" value="Accedi" />
                        </div>
                    </form>
                </div>
                <div class="half">
                    <label>Sign up</label>

                </div>
                <div class="clearboth"></div>
            </div>
        </div>

        <!-- FINE LOGIN -->
        <?php } ?>

        <div id="masterhead">
            <div id="top">
                <div class="menu-container">
                    <ul class="menu">
                        <li><a href="/">Home</a>
                        </li>
                        <li><a href="/ad/new">New discussion</a></li>
                    </ul>
                    <!-- ends menu-->
                    <ul class="menu floatright">
                        <li class="right"><a href="/login" id="login">Login</a></li>
                        <li class="right"><a href="/login/logout">Logout</a></li>
                        <li class="right"><a href="/myaccount/ads">Settings</a></li>
                        <li class="right"><a href="/admin/">Admin</a></li>
                    </ul>
                </div>
                <!--ends menu-container-->

                <div id="secondBlock">
                    <a href="${server_home}" id="logo"> <img src="${server_static}css/style_images/logo.png" alt="Zattix.com" class="noborder" /> </a>
                    <div id="search">
                        <form method="post" action="${server_home}/search/redirect" autocomplete="off">
                            <input type="hidden" name="id-category" id="id-category" value="0" />
                            <a href="#" class="arrow-down"></a> <span><a href="#">All Categories</a> </span> <input type="text" placeholder="Java servlet 3.0" />
                            <input type="submit" value="CERCA" class="red" />
                        </form>
                        <div class="result-n-bar">
                            <div class="quantity-bar"></div>
                            <span id="x-results"></span>
                        </div>

                        <div id="main-categories">
                            <ul>
                                <li><a href="#" idCat="0"><b>All Categories</b></a></li>
                                <c:forEach items="${applicationScope.categories}" var="category">
                                    
                                    <li><a href="#" idCat="0">${category.title}</a></li>
                                </c:forEach>
                            </ul>
                        </div>
                        <div class="clearboth"></div>
                    </div>

                </div>
            </div>
            <div id="main">